<template>
	<view class="wan-xiao-bao-view">

		<view class="title-view">万小宝</view>
		<view class="title-tag">未开通</view>
		<view class="image-view">
			<image src="/static/pc/xiao-bao-1.png" class="image-item"></image>
			<image src="/static/pc/xiao-bao-2.png" class="image-item"></image>
			<image src="/static/pc/xiao-bao-3.png" class="image-item"></image>
		</view>
	</view>
</template>

<script>
	export default {
		name: "WanXiaoBao",
		data() {
			return {

			};
		}
	}
</script>

<style scoped lang="scss">
	.wan-xiao-bao-view {
		width: 100%;
		padding: 84px 0;
		@extend .column;
		background: #FFFFFF;

		.title-view {
			font-weight: 600;
			font-size: 32px;
			color: #1F0C00;
		}

		.title-tag {
			width: 80px;
			height: 31px;
			background: #1F0C00;
			font-weight: 600;
			font-size: 16px;
			color: #FFFFFF;
			@extend .column;
			margin-top: 4px;
		}

		.image-view {
			@extend .row;
			margin-top: 73px;

			.image-item {
				width: 252px;
				height: 252px;
			}

			.image-item+.image-item {
				margin-left: 130px;
			}
		}
	}
</style>